<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:comp="http://java.sun.com/jsf/composite/comp"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core">


     <h:body>
        <!-- esta página utiliza como template o tema "template.xhtml" -->
        <ui:composition template="template.xhtml">
            <!-- O titulo desta página é "Lista de Contatos" -->
            <ui:param name="titulo" value="grupo" />
            <!-- O que foi informado como "conteúdo" no template deve ser preenchido com isto: -->
            <ui:define name="conteudo">
                <div class="titulo">
                    <img src="imgs_layout/img_grupo.gif" width="65" height="60" alt="" class="titulo_img" />
                    <h1>Lista de Contatos - Petianos</h1>
                    <span>Veja como contactar os petianos de seu grupo.</span>
                    <div style="margin-top: -35px; text-align: right">
                        <p:button value="Gerenciar Petiano" outcome="gerenciar" 
                                  title="Gerenciar Petiano" 
                                  image="ui-icon-pencil"/>
                    </div>
                </div>
                <h:form rendered="#{not empty AlunoController.alunos}">
                    <p:dataTable id="petianos" value="#{AlunoController.alunos}" selection="#{AlunoController.alunosSelecionados}"
                                 var="a" style="margin-top: 35px">
                        <p:column selectionMode="multiple" />

                        <!-- Nome -->
                        <p:column>
                            <f:facet name="header">
                                    <h:outputText value="Nome" />
                            </f:facet>
                            <h:outputText value="#{a.nome}" />
                        </p:column>

                        <!-- Telefone -->
                        <p:column>
                            <f:facet name="header">
                                    <h:outputText value="Telefone" />
                            </f:facet>
                            <h:outputText value="#{a.telefone}"/>
                        </p:column>

                         <!-- Celular -->
                        <p:column>
                            <f:facet name="header">
                                    <h:outputText value="Celular" />
                            </f:facet>
                            <h:outputText value="#{a.celular}" />
                        </p:column>

                         <!-- E-mail -->
                        <p:column>
                            <f:facet name="header">
                                    <h:outputText value="E-mail" />
                            </f:facet>
                            <h:outputText value="#{a.email}" />
                        </p:column>
                    </p:dataTable>

                    <div style="margin-top: 30px; text-align: center">
                    <p:commandButton value="Enviar e-mail para os petianos selecionados"
                                     image="ui-icon ui-icon-mail-closed" update="email_dialogue"
                                     oncomplete="email.show()"/>
                    </div>
                </h:form>

                <h:outputText value="Não há petianos cadastrados." rendered="#{empty AlunoController.alunos}" />

                <p:dialog id="email_dialogue" header="Enviar e-mail"
                      widgetVar="email" resizable="false" width="485"
                      showEffect="fade" hideEffect="fade">
                    <h:panelGroup rendered="#{not empty AlunoController.alunosSelecionados}">
                        <h:form>
                            <comp:formulario_email nome="false" email="false"
                                                   messageStyle="height:150px; width: 460px"
                                                   inputTextStyle="width:388px" />
                            <div style="text-align: center; margin-top: 20px">
                                <p:commandButton value="Enviar mensagem" action="#{EmailController.enviaEmail}"
                                                 widgetVar="enviar" onclick="enviar.disable()"
                                                 oncomplete="email.hide(); enviar.enable()" update="email_dialogue growl">
                                    <f:setPropertyActionListener value="#{session.getAttribute('usuario').nome}" target="#{EmailController.nome}" />
                                    <f:setPropertyActionListener value="#{session.getAttribute('usuario').email}" target="#{EmailController.origem}" />
                                    <f:setPropertyActionListener value="#{AlunoController.emailsSelecionados}" target="#{EmailController.destinatarios}" />
                                </p:commandButton>
                                <div style="float:right"><comp:ajax_loading ajaxListener="true" /></div>
                            </div>
                        </h:form>
                    </h:panelGroup>
                    <h:panelGroup rendered="#{empty AlunoController.alunosSelecionados}">
                        <h:outputText value="Por favor, selecione pelo menos um petiano." />
                    </h:panelGroup>
                </p:dialog>

            </ui:define>
        </ui:composition>
    </h:body>
</html>

